$(document).ready(function(){
	console.log("Start TouchStart");

	document.getElementById('touchable').addEventListener('touchstart', function(ev) {

		if (ev.touches.item(0) == ev.targetTouches.item(0))
		{
			/**
			 * If the first touch on the surface is also targeting the
			 * "touchable" element, the code below should execute.
			 * Since targetTouches is a subset of touches which covers the
			 * entire surface, TouchEvent.touches >= TouchEvents.targetTouches
			 * is always true.
			 */

			console.log('Hello Touch Events!');
		}

		if (ev.touches.length == ev.targetTouches.length)
		{
			/**
			 * If all of the active touch points are on the "touchable"
			 * element, the length properties should be the same.
			 */

			console.log('All points are on target element')
		}

		if (ev.touches.length > 1)
		{
			/**
			 * On a single touch input device, there can only be one point
			 * of contact on the surface, so the following code can only
			 * execute when the terminal supports multiple touches.
			 */

			console.log('Hello Multiple Touch!');
		}

	}, false);
	
});
